.el-popper {
	// 导航栏折叠背景
	.el-menu--popup-container {
		.el-menu--popup {
			padding: 0;
			background-color: var(--app-menu-bg);
		}
	}
	// 悬浮头像下拉
	.el-scrollbar {
		.el-scrollbar__wrap {
			.el-scrollbar__view {
				.el-dropdown-menu {
					background-color: var(--app-container-bg);
					border-radius: 0;
					.el-dropdown-menu__item {
						color: var(--app-container-text);
						&:focus {
							color: var(--app-text-primary);
							background-color: var(--app-container-bg);
						}
					}
					.el-dropdown-menu__item--divided {
						border: 1px solid var(--app-border-color);
					}
				}
			}
		}
	}
	// 取色器清除清空按钮
	.el-color-dropdown__btns {
		.is-text {
			display: none;
		}
	}
	// 取色器确认按钮
	.el-color-dropdown__btn {
		background-color: var(--app-container-bg);
		border: 1px solid var(--app-border-color);
		&:hover {
			color: var(--app-text-primary);
			background-color: var(--app-container-bg);
			border: 1px solid var(--app-border-color);
		}
	}
}
// 悬浮框
.el-popper.is-light {
	color: var(--app-container-text);
	background-color: var(--app-container-bg) !important;
	border: 1px solid var(--app-border-color) !important;
}
.el-popper__arrow {
	&::before {
		background-color: var(--app-container-bg) !important;
		border: 1px solid var(--app-border-color) !important;
	}
}

// 弹窗
.el-dialog {
	background-color: var(--app-container-bg) !important;
	.el-dialog__header {
		.el-dialog__title {
			color: var(--app-container-text);
		}
		.el-dialog__headerbtn {
			&:hover {
				.el-dialog__close {
					color: var(--app-text-primary);
				}
			}
			.el-dialog__close {
				color: var(--app-container-text);
			}
		}
	}
}

// 输入框设置
.el-input {
	.el-input__wrapper {
		color: var(--app-container-text);
		background-color: var(--app-container-bg);
		border: 1px solid var(--app-border-color);
		box-shadow: none;
	}
	.el-input__wrapper.is-focus {
		box-shadow: 0 0 0 1px var(--app-text-primary) inset;
	}
	.el-input__inner {
		color: var(--app-container-text);
	}
}
.el-select-dropdown__item {
	color: var(--app-container-text) !important;
	&:hover {
		color: var(--app-text-primary) !important;
	}
}
.el-select-dropdown__item.hover {
	background-color: var(--app-container-bg) !important;
}
.el-select-dropdown__item.selected {
	color: var(--app-text-primary) !important;
}
.el-button {
	color: var(--app-container-text) !important;
	background-color: var(--app-main-bg-color) !important;
	border: 1px solid var(--app-border-color) !important;
	&:hover {
		color: var(--app-text-primary) !important;
	}
}
.el-form {
	.el-form-item {
		.el-form-item__label {
			color: var(--app-container-text);
		}
	}
}
